<template>
  <div class="outer">
    <h1>App</h1>
    <List @atguigu='getListData'/>
  </div>
</template>

<script>
import _ from 'lodash'
import List from './components/List.vue'
export default {
name:'App',
components:{
  List
},
data(){
  return{
    list:[]
  }
},
methods:{
  getListData(list){
    // 深拷贝
    this.list=_.cloneDeep(list)
    // 判断是否深拷贝
    console.log(this.list[0]===list[0]);
  }
}
}
</script>

<style scope>
.outer{
  height: 400px;
  background: yellowgreen;
}
</style>